<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />        
        <link rel="stylesheet" type="text/css" href="../css/guide.css" />        
        <script type="text/javascript">var basepath = '../'; var lang = 'fr';</script>        
        <script type="text/javascript" src="../js/loader.js"></script>        
    </head>
    <body>
        <!-- MENU -->
        <a name="top"></a>
        <div id="menuContainer"><div id="menu"></div><div id="menuButton">Menu</div></div>
        <!-- /MENU -->
        
        <!-- HEADER -->        
        <div id="header">
            <h4>Guide de l'utilisateur Version <span class="version">#</span></h4>
            <div id="breadCrumb">
                <a href="#" class="homeLink">Accueil</a>&nbsp;>&nbsp;<a href="#" class="guideLink">Guide FR</a>
            </div>
        </div>
        <!-- /HEADER -->
        
        <!-- CONTENT -->
        <div id="content">
            <h1>Titre niveau 1 (h1)</h1>
            <h2>Titre niveau 2 (h2)</h2>
            <h3>Titre niveau 3 (h3)</h3>
            <h4>Titre niveau 4 (h4)</h4>

            <hr />

            <p>Paragraphe (p) - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at risus massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed mattis condimentum neque non varius. Nullam id sem at augue blandit scelerisque. Morbi egestas magna sed justo dignissim aliquet eget id purus. Curabitur ultricies posuere nulla sodales sagittis.</p>

            <hr />

            <pre class="brush: php;">  
                /**
                 * Add a file with the mail
                 *
                 * @param string $attachment
                 * @param string $mimeType
                 * @return Email
                 */
                public function addAttachment($attachment, $mimeType)
                {
                    $a['mimeType'] = $mimeType;
                    $a['file'] = $attachment;
                    $this->_attachment[] = $a;
                    $this->_attachment = $a;
                    return $this;
                }   
            </pre>
            
            <p>Paragraphe enrichi - <strong>Texte en gras (strong)</strong>, <i>Texte en italique (i)</i>, <u>texte souligné (u)</u> <a href="#">lien vers une page (a)</a>, <em>emphasis (em)</em>, <dfn>une définition (dfn)</dfn>, <del>supprimé (del)</del></p>

            <blockquote>Commentaire (blockquote) - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</blockquote>

            <blockquote class="warning">
                This is an important blockquote.
            </blockquote>

            <blockquote class="info">
                This is an information blockquote.
            </blockquote>

            <hr />

            <ol>
                <li><span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</span>
                    <ul>
                        <li><span>Lorem ipsum dolor sit amet</span></li>
                    </ul>
                </li>
                <li><span>Aliquam tincidunt mauris eu risus.</span></li>
            </ol>

            <ul>
                <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                <li>Aliquam tincidunt mauris eu risus.</li>
                <li>Niveau 1
                    <ul>
                        <li>Niveau 2                
                            <ul>
                                <li>Niveau 3</li>        
                            </ul>
                        </li>        
                    </ul>
                </li>
                <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
            </ul>        

            <hr />

            <dl>
                <dt>Liste de définition (dl/dt)</dt>
                <dd>Définition (dd) - Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                    commodo consequat.</dd>
                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                    commodo consequat.</dd>
            </dl>        

            <hr />

            <table>
                <thead>
                    <tr>
                        <th colspan="4">TABLE</th>
                    </tr>
                    <tr>
                        <th>Titre 1</th>
                        <th>Titre 2</th>
                        <th>Titre 3</th>
                        <th>Titre 4</th>
                    </tr>
                </thead>  
                <tbody>
                    <tr>
                        <td><strong>strong 1</strong></td>
                        <td>Valeur 1.1</td>
                        <td>Valeur 1.2</td>
                        <td>Valeur 1.3</td>
                    </tr>
                    <tr>
                        <td><strong>strong 2</strong></td>
                        <td>Valeur 2.1</td>
                        <td>Valeur 2.1</td>
                        <td>Valeur 2.1</td>
                    </tr>
                    <tr>
                        <td><strong>strong 3</strong></td>
                        <td>Valeur 3.1</td>
                        <td>Valeur 3.2</td>
                        <td>Valeur 3.3</td>
                    </tr>	                    
                </tbody>
            </table>
        </div>        
        <!-- /CONTENT -->
        
        <!-- FOOTER -->
        <div id="footer">
            <a href="#top">Haut de page</a>
            &nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
            <a href="#" class="homeLink">Accueil</a>
            &nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
            <a href="#" class="guideLink">Accueil guide FR</a>
            <br />
            <a href="#" class="websiteLink">PHP Oxygen</a>
            &nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
            <span class="copyright"></span>
            &nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
            <span class="author"></span>
        </div>
        <!-- /FOOTER -->
    </body>            
</html>